﻿@model MyWebApp.Models.LoginUserModel
@{
    ViewBag.Title = "LockScreen";
    Layout = "~/Views/Shared/_LayoutBase.cshtml";
    ViewBag.SysTitle = "WebAPP后台管理系统";
    ViewBag.bgClass = "hold-transition lockscreen";
}
@section Head{
    <style type="text/css">
        .login-page {
            background-color: lightseagreen;
        }
    </style>
}
<!-- Automatic element centering -->
<div class="lockscreen-wrapper">
    <div class="lockscreen-logo">
        @ViewBag.SysTitle
    </div>
    <!-- User name -->
    <div class="lockscreen-name">@Model.UserName</div>
    @Html.HiddenFor(p => p.ReturnUrl)
    <!-- START LOCK SCREEN ITEM -->
    <div class="lockscreen-item">
        <!-- lockscreen image -->
        <div class="lockscreen-image">
            <img src="/Content/UserImg/@Model.UserImg" alt="User Image">
        </div>
        <!-- /.lockscreen-image -->
        <!-- lockscreen credentials (contains the form) -->
        <form class="lockscreen-credentials" method="post">
            <div class="input-group">
                @Html.PasswordFor(p => p.Password, new { @class = "form-control", placeholder = "密码" })
                <div class="input-group-btn">
                    <button type="button" class="btn"><i class="fa fa-arrow-right text-muted"></i></button>
                </div>
            </div>
        </form>
        <!-- /.lockscreen credentials -->

    </div>
    <!-- /.lockscreen-item -->
    <div class="help-block text-center">
        输入密码恢复你的会话
    </div>
    <div class="text-center">
        <a href="/Security/Login">或者换用户重新登录</a>
    </div>
    <div class="lockscreen-footer text-center">
        <strong>Copyright &copy; 2015-2017 <a href="#">Boco Company</a>.</strong> All rights reserved.
    </div>
</div>
<!-- /.center -->